<%@ page import="com.tianmao.model.Product" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="images/shortcut.png" rel="shortcut icon" type="image/x-icon"/>
        <title>产品信息</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
    <body>

        <h1 class="text-center text-primary">产品信息</h1>
        <hr>
        <br>

<%--
        直接使用EL表达式, 获取相关属性
        <%
            Product product = (Product) request.getAttribute("product");
            String productName = product.getProductName();
            String productId = product.getProductId();
            String productImg = product.getProductImg();
            float productPrice = product.getProductPrice();
            int productQty = product.getProductQty();
            String productUnit = product.getProductUnit();
        %>
--%>
        <!--在此div中显示从数据库查询到的一个产品的所有信息-->
        <div class="content">
            <br>
            <!--显示产品图片，图片在images文件夹中给出了，以产品的编号命名的图片-->
            <!--这里使用表达式显示获取的产品对象的各个信息-->
            <img src="images/${requestScope.product.productImg}" class="pic">

            <h3>产品名称：  ${requestScope.product.productName}</h3>
            <p>产品单价：    ${requestScope.product.productPrice}</p>
            <p>包装单位：    ${requestScope.product.productUnit}</p>
            <p>剩余库存：    ${requestScope.product.productQty}</p>

            <!--提交表单，请求发送给cs，将产品添加到购物车-->


            <%--  用 会话范围的列表 维护购物车信息 --%>
            <%--  为什么不直接吧product作为隐藏字段--%>
            <form action="cs" class="form-inline">
                <b>购买数量：</b>
                <input type="number" min="1" name="qty" value="1" class="form-control">
                <input type="hidden" value="${requestScope.product.productId}", name="pid"> <!-- 隐藏字段提交产品编号, 购物车页面利用编号获取相关信息 -->
                <br><br>
                <button class="btn btn-sm btn-danger">加入购物车</button>
                &nbsp;
                <button class="btn btn-sm btn-warning">立刻购买</button>
            </form>
        </div>

        <br>
        <a href="cart.jsp" class="cartImg">
            查看购物车<img src="images/cart.png" alt="购物车"/>
        </a>

    </body>
</html>
